@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}

*{ margin: 0; padding: 0; }

html, body{
    width: 100%;
	font:normal 12px 'Open Sans';
    background: url(../images/icon/body.jpg);
}

/*General*/
ul, nav{ list-style: none; }
a{ text-decoration: none; }
.clearAll{ clear: both; }
.overplay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background: rgba(0,0,0,0.5) url(../images/icon/loading.gif) center center no-repeat;
}

.notice{
	padding: 10px; 
    display: none;
    margin-bottom: 10px;
    background: #A8FFA8;
    border: 1px solid green;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

h.notice{
	padding: 10px; 
    display: none;
    margin-bottom: 10px;
    background: #A8FFA8;
    border: 1px solid green;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.notice.errors{
    background: #FFAAAA;
    border: 1px solid red;
}

.notice span.close-notice{
    float: right;
    cursor: pointer;
}

.fx-notice { color: #000; }
.fx-notice.success { color: green; }
.fx-notice .back { margin-right: 10px; }


.empty-data{
    text-align:center;
    font-size: 16px;
    color:gray;
    height: 100px;
}

.fx-notice.errors {
    font-size: 14px;
    padding: 30px;
    color: red;
}

/*Header*/
header{
	width: 100%;
	height: 50px;
	background: #303030 url(../images/icon/bg-header.png);
}

header .logo{
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}

/*Box Login*/
.box-login{
    width: 400px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    margin: auto;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 150px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 5px 5px 5px #4F4F4F;
    -moz-box-shadow: 5px 5px 5px #4F4F4F;
    box-shadow: 5px 5px 5px #4F4F4F;
}

.icon-cate{
    position: relative;
    top: 6px;
    margin-right: 10px;
}

.box-login .cate{
    text-transform: uppercase;
    font:normal 20px 'Open Sans';
}

.box-login td{
    padding-top: 15px;
}

.box-login .title{
    width: 120px;
}

.box-login .errors{
    color: red;
    margin-left: 10px;
    display:none;
}

/*List BTN*/
.list-btn{
    float: right;
    margin-bottom: 10px;
}

/*Footer*/
footer{
    height: 40px;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #363636;
    padding-top: 14px;
    line-height: 8px;
}






